<template>
  <section>
    <van-nav-bar
      title="我的"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <div>
      我的我的我的我的我的
    </div>
    <my-footer :select-index="1" ></my-footer>
  </section>
</template>

<script>
import myFooter from '../components/nav'
export default {
  components: {
    myFooter: myFooter
  },
  name: 'login',
  data () {
    return {
    }
  },
  methods: {
    onClickLeft: function () {
      this.$router.go(-1)
    }
  },
  created: function () {
    console.log('created')
  },
  beforeCompile: function () {
    console.log('beforeCompile')
  },
  compiled: function () {
    console.log('compiled')
  },
  attached: function () {
    console.log('attached')
  },
  dettached: function () {
    console.log('dettached')
  },
  beforeDestroy: function () {
    console.log('beforeDestroy')
  },
  destroyed: function () {
    console.log('destroyed')
  },
  ready: function () {
    console.log('ready')
    // 组件完成后调用 $destory() 函数，进行销毁
    this.$destroy()
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .login{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }
</style>
